<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login</title>
    <link rel="stylesheet" type="text/css" href="../static/css/style-index.css">

</head>

<body>
    <div class="container right-panel-active">


        <!-- 登录 -->
        <div class="container__form container--signin">
            <form action='/login' class="form" id="form2">
                <h2 class="form__title">Welcome</h2>
                <input type="text" placeholder="Username" class="input" name="username"/>
                <input type="password" placeholder="Password" class="input" name="password"/>
                <a href="/forgetPassword" class="link">忘记密码?</a>
                <a href="/messageLoginIndex" class="link">Login By Telephone</a>
                <p>{{msg}}</p>
                <input type="submit"  class= 'btn' value="Login">
            </form>
        </div>

         <!-- 注册 -->
        <div class="container__form container--signup">
            <form action="/register" class="form" id="form1">
                <h2 class="form__title">Register</h2>
                <input type="text" placeholder="Username" class="input" name="usernameR"/>
                <input type="password" placeholder="Password" class="input" name="passwordR"/>
                <input type="password" placeholder="RepeatPassword" class="input"  name="repeatPassword"/>
                <input type="text" placeholder="RoomID" class="input" name="RoomIDR"/>
                <p>{{msg}}</p>
                <button class="btn">Register</button>
            </form>
        </div>

        <!-- 叠加部分 -->
        <div class="container__overlay">
            <div class="overlay">
                <div class="overlay__panel overlay--left">
                    <button class="btn" id="signIn">Go to Register</button>
                </div>
                <div class="overlay__panel overlay--right">
                    <button class="btn" id="signUp">Go to Login</button>
                </div>
            </div>
        </div>
    </div>

</body>
<script src="../static/js/login.js"></script>

</html>